const px2vw=require('postcss-px-to-viewport')
const fs = require('fs')
const path = require('path')

// vue.config.js
module.exports = {
  //多页面配置
  pages:{
    index: {
      // page 的入口
      entry: 'src/main.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      //webserver 默认的索引页面 index.html index.htm default.html
      filename: 'index.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: '猫眼电影',
      skeletionImg:fs.readFileSync(path.join(__dirname,'./build/img.txt')),
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      //chunk-vendors 第三方的模块
      //chunk-common 第三方模块公共部分提取
      chunks: ['chunk-vendors', 'chunk-common', 'index']
    },
    performance:{
      // page 的入口
      entry: 'src/performanceApp.js',
      // 模板来源
      template: 'public/index.html',
      // 在 dist/index.html 的输出
      //webserver 默认的索引页面 index.html index.htm default.html
      filename: 'performance.html',
      // 当使用 title 选项时，
      // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
      title: '演出',
      // 在这个页面中包含的块，默认情况下会包含
      // 提取出来的通用 chunk 和 vendor chunk。
      //chunk-vendors 第三方的模块
      //chunk-common 第三方模块公共部分提取
      chunks: ['chunk-vendors', 'chunk-common', 'performance']
    }
  },
  //参考：https://cli.vuejs.org/zh/config/#devserver
  devServer: {
    proxy: {
      //请求路径当中包含 /api
      '/api': {
        //代理的目标地址
        target: 'http://localhost:3000/',
        changeOrigin: true,
        //路径的重写
        pathRewrite: {
          '^/api': '' // rewrite path
        }
      },
      '/ajax': {
        //代理的目标地址
        target: 'https://m.maoyan.com',
        changeOrigin: true,
      }
    }
  },
  css: {
    loaderOptions: {
      postcss:{
        plugins:[px2vw({
          unitToConvert: 'px',
          //效果图的宽度
          viewportWidth: 375,
          unitPrecision: 5,
          propList: ['*'],
          viewportUnit: 'vw',
          fontViewportUnit: 'vw',
          selectorBlackList: [],
          minPixelValue: 1,
          mediaQuery: false,
          replace: true,
          exclude: [/node_modules/],
          include: undefined,
          landscape: false,
          landscapeUnit: 'vw',
          landscapeWidth: 568
        })]
      }
    }
  }
}